<!-- 人群购买人群曝光人群大促表 -->

<template>
  <div class="mainTable">
    <BaseTable ref="sonTable" :query="query" :tableItems="tableItems" :updateItems="updateItems" :optionList="optionList"
      :methodParam="methodParam" :Btn="Btn" menuName="logRecord" pageName="mainTable" />
  </div>
</template>
<script>
import dayjs from "dayjs"
import BaseTable from "../../../table/sonTable.vue";
import { service } from "../../../../services/backServices";
export default {
  name: "dcb",
  data() {
    return {
      //后端人员修改-S
      //查询参数
      query: [{ prop: "bigPromoName", type: "select", placeholder: "是否聚合", value: "双十一", name: "大促名称"},
      { prop: "bigPromoYear", type: "time", placeholder: "请选择", value: "2023", name: "大促年份", timeType: 'year',format: 'yyyy', valueFormat: 'yyyy'},],
      //表格表头
      tableItems: [
        { name: "上传时间", prop: "爬取该条数据记录的时间", align: "left" },
        { name: "大促所在年", prop: "大促所在年", align: "left" },
        { name: "大促名称", prop: "大促名称", align: "left" },
        { name: "蓄水期起始日期", prop: "蓄水期起始日期", align: "left" },
        { name: "蓄水期结束日期", prop: "蓄水期结束日期", align: "left" },
        { name: "活动期起始日期", prop: "活动期起始日期", align: "left" },
        { name: "活动期结束日期", prop: "活动期结束日期", align: "left" },
        { name: "蓄水期付费曝光", prop: "蓄水期付费曝光", align: "left" },
        { name: "活动期付费曝光", prop: "活动期付费曝光", align: "left" },
        
        { name: "蓄水期直通车花费", prop: "蓄水期直通车花费" },
        { name: "蓄水期引力魔方花费", prop: "蓄水期引力魔方花费" },
        { name: "蓄水期万相台花费", prop: "蓄水期万相台花费" },
        { name: "蓄水期品销宝花费", prop: "蓄水期品销宝花费" },

        { name: "活动期直通车花费", prop: "活动期直通车花费" },
        { name: "活动期引力魔方花费", prop: "活动期引力魔方花费" },
        { name: "活动期万相台花费", prop: "活动期万相台花费" },
        { name: "活动期品销宝花费", prop: "活动期品销宝花费" },
        { name: "购买量级", prop: "购买量级", align: "left" },
        
        { name: "新增A人群量级", prop: "新增A人群量级", align: "left" },
        { name: "新增I人群量级", prop: "新增I人群量级", align: "left" },
        { name: "新增PL人群量级", prop: "新增PL人群量级", align: "left" },
        
        { name: "新增A购买量级", prop: "新增A购买量级", align: "left" },
        { name: "新增I购买量级", prop: "新增I购买量级", align: "left" },
        { name: "新增PL购买量级", prop: "新增PL购买量级", align: "left" },

        { name: "新增A曝光量级_直", prop: "新增A曝光量级_直", align: "left" },
        { name: "新增A曝光量级_引", prop: "新增A曝光量级_引", align: "left" },
        { name: "新增A曝光量级_万", prop: "新增A曝光量级_万", align: "left" },
        { name: "新增A曝光量级_品", prop: "新增A曝光量级_品", align: "left" },
        { name: "新增A曝光量级_付费", prop: "新增A曝光量级_付费", align: "left" },
        
        { name: "新增I曝光量级_直", prop: "新增I曝光量级_直", align: "left" },
        { name: "新增I曝光量级_引", prop: "新增I曝光量级_引", align: "left" },
        { name: "新增I曝光量级_万", prop: "新增I曝光量级_万", align: "left" },
        { name: "新增I曝光量级_品", prop: "新增I曝光量级_品", align: "left" },
        { name: "新增I曝光量级_付费", prop: "新增I曝光量级_付费", align: "left" },

        { name: "新增PL曝光量级_直", prop: "新增PL曝光量级_直", align: "left" },
        { name: "新增PL曝光量级_引", prop: "新增PL曝光量级_引", align: "left" },
        { name: "新增PL曝光量级_万", prop: "新增PL曝光量级_万", align: "left" },
        { name: "新增PL曝光量级_品", prop: "新增PL曝光量级_品", align: "left" },
        { name: "新增PL曝光量级_付费", prop: "新增PL曝光量级_付费", align: "left" },

        { name: "历史A有互动人群量级（蓄水期第一天的）", prop: "历史A有互动人群量级（蓄水期第一天的）", align: "left" },
        { name: "历史A无互动人群量级（蓄水期第一天的）", prop: "历史A无互动人群量级（蓄水期第一天的）", align: "left" },
        { name: "历史I有互动人群量级（蓄水期第一天的）", prop: "历史I有互动人群量级（蓄水期第一天的）", align: "left" },
        { name: "历史I无互动人群量级（蓄水期第一天的）", prop: "历史I无互动人群量级（蓄水期第一天的）", align: "left" },
        { name: "历史PL有互动人群量级（蓄水期第一天的）", prop: "历史PL有互动人群量级（蓄水期第一天的）", align: "left" },
        { name: "历史PL无互动人群量级（蓄水期第一天的）", prop: "历史PL无互动人群量级（蓄水期第一天的）", align: "left" },

        { name: "历史A有互动人群量级", prop: "历史A有互动人群量级", align: "left" },
        { name: "历史A无互动人群量级", prop: "历史A无互动人群量级", align: "left" },
        { name: "历史I有互动人群量级", prop: "历史I有互动人群量级", align: "left" },
        { name: "历史I无互动人群量级", prop: "历史I无互动人群量级", align: "left" },
        { name: "历史PL有互动人群量级", prop: "历史PL有互动人群量级", align: "left" },
        { name: "历史PL无互动人群量级", prop: "历史PL无互动人群量级", align: "left" },

        { name: "历史A有互动购买量级", prop: "历史A有互动购买量级", align: "left" },
        { name: "历史A无互动购买量级", prop: "历史A无互动购买量级", align: "left" },
        { name: "历史I有互动购买量级", prop: "历史I有互动购买量级", align: "left" },
        { name: "历史I无互动购买量级", prop: "历史I无互动购买量级", align: "left" },
        { name: "历史PL有互动购买量级", prop: "历史PL有互动购买量级", align: "left" },
        { name: "历史PL无互动购买量级", prop: "历史PL无互动购买量级", align: "left" },
        
        { name: "历史A有互动曝光量级_引", prop: "历史A有互动曝光量级_引", align: "left" },
        { name: "历史A无互动曝光量级_引", prop: "历史A无互动曝光量级_引", align: "left" },
        { name: "历史A有互动曝光量级_万", prop: "历史A有互动曝光量级_万", align: "left" },
        { name: "历史A无互动曝光量级_万", prop: "历史A无互动曝光量级_万", align: "left" },
        { name: "历史A有互动曝光量级_品", prop: "历史A有互动曝光量级_品", align: "left" },
        { name: "历史A无互动曝光量级_品", prop: "历史A无互动曝光量级_品", align: "left" },
        { name: "历史A有互动曝光量级_付费", prop: "历史A有互动曝光量级_付费", align: "left" },
        { name: "历史A无互动曝光量级_付费", prop: "历史A无互动曝光量级_付费", align: "left" },
        { name: "历史A有互动曝光量级_直", prop: "历史A有互动曝光量级_直", align: "left" },
        { name: "历史A无互动曝光量级_直", prop: "历史A无互动曝光量级_直", align: "left" },

        { name: "历史I有互动曝光量级_引", prop: "历史I有互动曝光量级_引", align: "left" },
        { name: "历史I无互动曝光量级_引", prop: "历史I无互动曝光量级_引", align: "left" },
        { name: "历史I有互动曝光量级_万", prop: "历史I有互动曝光量级_万", align: "left" },
        { name: "历史I无互动曝光量级_万", prop: "历史I无互动曝光量级_万", align: "left" },
        { name: "历史I有互动曝光量级_品", prop: "历史I有互动曝光量级_品", align: "left" },
        { name: "历史I无互动曝光量级_品", prop: "历史I无互动曝光量级_品", align: "left" },
        { name: "历史I有互动曝光量级_付费", prop: "历史I有互动曝光量级_付费", align: "left" },
        { name: "历史I无互动曝光量级_付费", prop: "历史I无互动曝光量级_付费", align: "left" },
        { name: "历史I有互动曝光量级_直", prop: "历史I有互动曝光量级_直", align: "left" },
        { name: "历史I无互动曝光量级_直", prop: "历史I无互动曝光量级_直", align: "left" },

        { name: "历史PL有互动曝光量级_引", prop: "历史PL有互动曝光量级_引", align: "left" },
        { name: "历史PL无互动曝光量级_引", prop: "历史PL无互动曝光量级_引", align: "left" },
        { name: "历史PL有互动曝光量级_万", prop: "历史PL有互动曝光量级_万", align: "left" },
        { name: "历史PL无互动曝光量级_万", prop: "历史PL无互动曝光量级_万", align: "left" },
        { name: "历史PL有互动曝光量级_品", prop: "历史PL有互动曝光量级_品", align: "left" },
        { name: "历史PL无互动曝光量级_品", prop: "历史PL无互动曝光量级_品", align: "left" },
        { name: "历史PL有互动曝光量级_付费", prop: "历史PL有互动曝光量级_付费", align: "left" },
        { name: "历史PL无互动曝光量级_付费", prop: "历史PL无互动曝光量级_付费", align: "left" },
        { name: "历史PL有互动曝光量级_直", prop: "历史PL有互动曝光量级_直", align: "left" },
        { name: "历史PL无互动曝光量级_直", prop: "历史PL无互动曝光量级_直", align: "left" },

      ],
      //增删查改的对象属性
      updateItems: [//edit是回复
        { name: "文件名称", prop: "fileName", type: "input", disabled: true },
        { name: "上传类型", prop: "uploadType", type: "select" },
        { name: "备注", prop: "remark", type: "textarea" },
        { name: "上传文件", prop: "fileAdd", type: "upload" },
      ],
      //增删查改的对象属性的下拉select或者级联cascader
      optionList: {
        unit: [
          { label: "日", value: "日" },
          { label: "周", value: "周" },
          { label: "月", value: "月" },
          { label: "年", value: "年" },
        ],
        bigPromoName: [

        ]
      },
      //增删查改方法参数
      methodParam: "getPopPurpopExppopBigpromo",
      //自定义btn功能
      Btn: {
        search: true, //查询按钮
        add: false, //添加按钮
        edit: false, //回复按钮
        detail: false, //详情按钮
        delete: false, //删除按钮
        deletes: false, //批量删除按钮
        export: true, //导出按钮
        templateDownload: false, //模板下载按钮
        upload: false, //上传按钮
      },
      //后端人员修改-E
    };
  },
  components: {
    BaseTable
  },
  created() {
    let _this = this
    service({
      url:'getAllBigPromotionName',
      method:'post'
    }).then((res) => {
      if(res.data.code == 200){
        this.optionList.bigPromoName = res.data.data.map(x => {
          return {
            value: x,
            label: x
          }
        })
      }
    })
  }
};
</script>
<style scoped lang="less">
.mainTable {
  background-color: #f1f2f9;
}

:v-deep .tablePage>.base-table {
  top: 22px;
}

:v-deep .tablePage>.search {
  display: none;
}
</style>
  